<template>
	<view class="box">
		<view class="titleBox" style="	height: 128rpx;
			display: flex;
			line-height: 128rpx;
			font-size: 24rpx;
			position: relative;
			background-color: white;">
			<view class="titleReturn"> <uni-icons custom-prefix="iconfont" type="icon-xiangzuojiantou"
					style="font-size: 35rpx; margin-left: 10rpx" size="10"></uni-icons>返回</view>
			<view class=" titleText" style="	position: absolute;
				left: 50%;
				transform: translateX(-50%);">门店列表</view>
		</view>
		<view class="top">
			<view class="key">
				<input type="text" placeholder="搜索关键字" />
				<uni-icons custom-prefix="iconfont" type="icon-sousuo"
					style="position: absolute; top: 25rpx; right: 30rpx"></uni-icons>
			</view>

			<view class="type">
				<input type="text" placeholder="筛选" />
				<uni-icons custom-prefix="iconfont" type="icon-shaixuan"
					style="position: absolute; top: 25rpx; right: 30rpx"></uni-icons>
			</view>
		</view>

		<view class="con" style="padding-bottom: 80rpx;">
			<view class="box" @click="particulars">
				<view class="">
					<image src="/static/image/mendian.png" mode=""></image>
				</view>
				<view class="text">
					<view class="">
						吉野家牛肉饭
					</view>
					<view class="">美食|午饭</view>
					<view class="">查看详情</view>
				</view>
			</view>
			<view class="box">
				<view class="">
					<image src="/static/image/mendian.png" mode=""></image>
				</view>
				<view class="text">
					<view class="">
						吉野家牛肉饭
					</view>
					<view class="">美食|午饭</view>
					<view class="">查看详情</view>
				</view>
			</view>
			<view class="box">
				<view class="">
					<image src="/static/image/mendian.png" mode=""></image>
				</view>
				<view class="text">
					<view class="">
						吉野家牛肉饭
					</view>
					<view class="">美食|午饭</view>
					<view class="">查看详情</view>
				</view>
			</view>
			<view class="box">
				<view class="">
					<image src="/static/image/mendian.png" mode=""></image>
				</view>
				<view class="text">
					<view class="">
						吉野家牛肉饭
					</view>
					<view class="">美食|午饭</view>
					<view class="">查看详情</view>
				</view>
			</view>
			<view class="box">
				<view class="">
					<image src="/static/image/mendian.png" mode=""></image>
				</view>
				<view class="text">
					<view class="">
						吉野家牛肉饭
					</view>
					<view class="">美食|午饭</view>
					<view class="">查看详情</view>
				</view>
			</view>
			<view class="box">
				<view class="">
					<image src="/static/image/mendian.png" mode=""></image>
				</view>
				<view class="text">
					<view class="">
						吉野家牛肉饭
					</view>
					<view class="">美食|午饭</view>
					<view class="">查看详情</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {

			particulars() {
				uni.navigateTo({
					url: '/pages/pages/particulars/particulars'
				})
			},
		}
	};
</script>

<style lang="less" scoped>
	@import url(../../../static/less/pages/list/list.less);
</style>